<template>
  <div>
    <my-nav :data="data">卢忠宽</my-nav>
    <h1 class="home-title">例子合集</h1>
    <p class="desc center-flex">新建一个项目用来收集demo 2019-04-29</p>
  </div>
</template>

<script>
import routes from '@/router/routes'

export default {
  title: '例子合集',
  data() {
    return {
      data: []
    }
  },
  mounted() {
    this.data = (routes || []).filter(item => !['test', 'home'].includes(item.name)).map(item => ({
      name: item.meta ? item.meta.title : item.name,
      to: { name: item.name }
    }))
  }
}
</script>

<style lang="scss" scoped>
.home-title {
  text-align: center;
  line-height: 3;
  padding-top: 20px;
  color: #333;
  font-weight: normal;
  font-size: 50px;
}
.desc {
  color: #666;
}
</style>
